// Button style paramters

$--x-button: $--x-prefix + '-button';
$--x-button-white: $--x-background-900;
$--x-button-border: $--x-border;
$--x-button-text: $--x-text;
$--x-button-hover: $--x-primary;
$--x-button-hover-border: $--x-primary-700;
$--x-button-hover-background: $--x-primary-900;
$--x-button-active: $--x-primary-a100;
$--x-button-active-border: $--x-primary-a100;
$--x-button-active-background: $--x-primary-900;
$--x-button-disabled: $--x-text-400;
$--x-button-disabled-border: $--x-border-200;
$--x-button-disabled-background: $--x-background-100;

$--x-button-initial: $--x-text;
$--x-button-initial-color: $--x-text;
$--x-button-initial-background: $--x-background;
$--x-button-initial-border: $--x-border;
$--x-button-initial-hover: $--x-primary;
$--x-button-initial-hover-background: $--x-background;
$--x-button-initial-hover-border: $--x-primary;
$--x-button-initial-active: $--x-primary;
$--x-button-initial-active-background: $--x-background;
$--x-button-initial-active-border: $--x-primary;
$--x-button-initial-disabled: $--x-text-400;
$--x-button-initial-disabled-background: $--x-background-200;
$--x-button-initial-disabled-border: $--x-border;
$--x-button-initial-plain-color: $--x-text;
$--x-button-initial-plain-background: $--x-background-a200;
$--x-button-initial-plain-border: $--x-border;
$--x-button-initial-plain-hover: $--x-primary;
$--x-button-initial-plain-hover-background: $--x-background-a200;
$--x-button-initial-plain-hover-border: $--x-primary;
$--x-button-initial-plain-active: $--x-primary-a100;
$--x-button-initial-plain-active-background: $--x-background-a200;
$--x-button-initial-plain-active-border: $--x-primary-a100;
$--x-button-initial-plain-disabled: $--x-text-400;
$--x-button-initial-plain-disabled-background: $--x-background-200;
$--x-button-initial-plain-disabled-border: $--x-border;
$--x-button-initial-plain-box-shadow-color: transparent;
$--x-button-initial-box-shadow-color: transparent;

$--x-button-primary: $--x-primary;
$--x-button-primary-color: $--x-white;
$--x-button-primary-background: $--x-primary;
$--x-button-primary-border: $--x-primary;
$--x-button-primary-hover: $--x-white;
$--x-button-primary-hover-background: $--x-primary-100;
$--x-button-primary-hover-border: $--x-primary-100;
$--x-button-primary-active: $--x-white;
$--x-button-primary-active-background: $--x-primary;
$--x-button-primary-active-border: $--x-primary;
$--x-button-primary-disabled: $--x-primary-800;
$--x-button-primary-disabled-background: $--x-primary-500;
$--x-button-primary-disabled-border: $--x-primary-500;
$--x-button-primary-plain-color: $--x-primary;
$--x-button-primary-plain-background: $--x-primary-900;
$--x-button-primary-plain-border: $--x-primary-600;
$--x-button-primary-plain-hover: $--x-background-900;
$--x-button-primary-plain-hover-background: $--x-primary;
$--x-button-primary-plain-hover-border: $--x-primary;
$--x-button-primary-plain-active: $--x-background-900;
$--x-button-primary-plain-active-background: $--x-primary-a100;
$--x-button-primary-plain-active-border: $--x-primary-a100;
$--x-button-primary-plain-disabled: $--x-primary-400;
$--x-button-primary-plain-disabled-background: $--x-primary-900;
$--x-button-primary-plain-disabled-border: $--x-primary-800;
$--x-button-primary-plain-box-shadow-color: transparent;
$--x-button-primary-box-shadow-color: transparent;

$--x-button-success: $--x-success;
$--x-button-success-color: $--x-white;
$--x-button-success-background: $--x-success;
$--x-button-success-border: $--x-success;
$--x-button-success-hover: $--x-white;
$--x-button-success-hover-background: $--x-success-100;
$--x-button-success-hover-border: $--x-success-100;
$--x-button-success-active: $--x-white;
$--x-button-success-active-background: $--x-success;
$--x-button-success-active-border: $--x-success;
$--x-button-success-disabled: $--x-success-800;
$--x-button-success-disabled-background: $--x-success-500;
$--x-button-success-disabled-border: $--x-success-500;
$--x-button-success-plain-color: $--x-success;
$--x-button-success-plain-background: $--x-success-900;
$--x-button-success-plain-border: $--x-success-600;
$--x-button-success-plain-hover: $--x-background-900;
$--x-button-success-plain-hover-background: $--x-success;
$--x-button-success-plain-hover-border: $--x-success;
$--x-button-success-plain-active: $--x-background-900;
$--x-button-success-plain-active-background: $--x-success-a100;
$--x-button-success-plain-active-border: $--x-success-a100;
$--x-button-success-plain-disabled: $--x-success-400;
$--x-button-success-plain-disabled-background: $--x-success-900;
$--x-button-success-plain-disabled-border: $--x-success-800;
$--x-button-success-plain-box-shadow-color: transparent;
$--x-button-success-box-shadow-color: transparent;

$--x-button-warning: $--x-warning;
$--x-button-warning-color: $--x-white;
$--x-button-warning-background: $--x-warning;
$--x-button-warning-border: $--x-warning;
$--x-button-warning-hover: $--x-white;
$--x-button-warning-hover-background: $--x-warning-100;
$--x-button-warning-hover-border: $--x-warning-100;
$--x-button-warning-active: $--x-white;
$--x-button-warning-active-background: $--x-warning;
$--x-button-warning-active-border: $--x-warning;
$--x-button-warning-disabled: $--x-warning-800;
$--x-button-warning-disabled-background: $--x-warning-500;
$--x-button-warning-disabled-border: $--x-warning-500;
$--x-button-warning-plain-color: $--x-warning;
$--x-button-warning-plain-background: $--x-warning-900;
$--x-button-warning-plain-border: $--x-warning-600;
$--x-button-warning-plain-hover: $--x-background-900;
$--x-button-warning-plain-hover-background: $--x-warning;
$--x-button-warning-plain-hover-border: $--x-warning;
$--x-button-warning-plain-active: $--x-background-900;
$--x-button-warning-plain-active-background: $--x-warning-a100;
$--x-button-warning-plain-active-border: $--x-warning-a100;
$--x-button-warning-plain-disabled: $--x-warning-400;
$--x-button-warning-plain-disabled-background: $--x-warning-900;
$--x-button-warning-plain-disabled-border: $--x-warning-800;
$--x-button-warning-plain-box-shadow-color: transparent;
$--x-button-warning-box-shadow-color: transparent;

$--x-button-danger: $--x-danger;
$--x-button-danger-color: $--x-white;
$--x-button-danger-background: $--x-danger;
$--x-button-danger-border: $--x-danger;
$--x-button-danger-hover: $--x-white;
$--x-button-danger-hover-background: $--x-danger-100;
$--x-button-danger-hover-border: $--x-danger-100;
$--x-button-danger-active: $--x-white;
$--x-button-danger-active-background: $--x-danger;
$--x-button-danger-active-border: $--x-danger;
$--x-button-danger-disabled: $--x-danger-800;
$--x-button-danger-disabled-background: $--x-danger-500;
$--x-button-danger-disabled-border: $--x-danger-500;
$--x-button-danger-plain-color: $--x-danger;
$--x-button-danger-plain-background: $--x-danger-900;
$--x-button-danger-plain-border: $--x-danger-600;
$--x-button-danger-plain-hover: $--x-background-900;
$--x-button-danger-plain-hover-background: $--x-danger;
$--x-button-danger-plain-hover-border: $--x-danger;
$--x-button-danger-plain-active: $--x-background-900;
$--x-button-danger-plain-active-background: $--x-danger-a100;
$--x-button-danger-plain-active-border: $--x-danger-a100;
$--x-button-danger-plain-disabled: $--x-danger-400;
$--x-button-danger-plain-disabled-background: $--x-danger-900;
$--x-button-danger-plain-disabled-border: $--x-danger-800;
$--x-button-danger-plain-box-shadow-color: transparent;
$--x-button-danger-box-shadow-color: transparent;

$--x-button-info: $--x-info;
$--x-button-info-color: $--x-white;
$--x-button-info-background: $--x-info;
$--x-button-info-border: $--x-info;
$--x-button-info-hover: $--x-white;
$--x-button-info-hover-background: $--x-info-100;
$--x-button-info-hover-border: $--x-info-100;
$--x-button-info-active: $--x-white;
$--x-button-info-active-background: $--x-info;
$--x-button-info-active-border: $--x-info;
$--x-button-info-disabled: $--x-info-800;
$--x-button-info-disabled-background: $--x-info-500;
$--x-button-info-disabled-border: $--x-info-500;
$--x-button-info-plain-color: $--x-info;
$--x-button-info-plain-background: $--x-info-900;
$--x-button-info-plain-border: $--x-info-600;
$--x-button-info-plain-hover: $--x-background-900;
$--x-button-info-plain-hover-background: $--x-info;
$--x-button-info-plain-hover-border: $--x-info;
$--x-button-info-plain-active: $--x-background-900;
$--x-button-info-plain-active-background: $--x-info-a100;
$--x-button-info-plain-active-border: $--x-info-a100;
$--x-button-info-plain-disabled: $--x-info-400;
$--x-button-info-plain-disabled-background: $--x-info-900;
$--x-button-info-plain-disabled-border: $--x-info-800;
$--x-button-info-plain-box-shadow-color: transparent;
$--x-button-info-box-shadow-color: transparent;

$--x-buttons: $--x-prefix + '-buttons';
